@charset "utf-8";

html {
    font-size: 625%;
}

body {
    margin: 0;
    padding: 0;
}

h2 {
    margin: .2rem auto;
}

.back {
    position: relative;
    height: auto;
    background: #f5f5f5;
    padding-bottom: .5rem;
}

.content {
    position: inherit;
    background-color: white;
    margin-bottom: .18rem;
    padding: 0 .5rem;
    width: 6.5rem;
}

.dpl-ib {
    /* display: inline-block; */
    font-size: .34rem;
    color: #333;
}

.txtctr {
    text-align: center
}

.p_back {
    margin: .1rem 0 .2rem .1rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.3rem;
    height: 0.3rem;
}

.p_share {
    margin: .15rem .2rem .3rem .1rem;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.3rem;
    height: 0.3rem;
}


.circle1 {
    top: .45rem;
    position: relative;
    left: 50%;
    margin-left: -1.3rem;
    width: 2.59rem;
    height: 2.59rem;
    border-radius: 1.4rem;
    background-color: rgba(34, 131, 226, 0.7)
}

.circle2 {
    top: -2.02rem;
    position: relative;
    left: 50%;
    margin-left: -1.17rem;
    width: 2.34rem;
    height: 2.34rem;
    border-radius: 1.4rem;
    background-color: rgba(34, 131, 226, 0.4)
}

.circle3 {
    top: -5.02rem;
    position: relative;
    left: 50%;
    margin-left: -1.03rem;
    width: 2.06rem;
    height: 2.06rem;
    border-radius: 1.4rem;
    background-color: rgb(34, 131, 226)
}

.content5_nbr {
    text-align: center;
    padding-top: .54rem;
    padding-bottom: .37rem;
    font-size: .34rem;
    color: rgb(51, 51, 51);
    margin: 0 auto;
    width: auto;
}

.content_nbr_level {
    font-size: .29rem;
    /* text-align: center; */
    color: rgb(51, 51, 51);
    /* padding-top: 0.4rem; */
    padding-bottom: 0.68rem;
}

.content6 {
    text-align: center;
    font-size: .2rem;
    color: rgb(51, 51, 51);
}

.run_circle {
    display: inline-block;
    position: relative;
    border-radius: 1rem;
    width: .33rem;
    height: .33rem;
    margin-left: -.495rem;
    background-color: rgb(34, 131, 226)
}

.run_circle div {
    position: inherit;
    top: .1rem;
    left: .1rem;
    border-radius: 1rem;
    width: .14rem;
    height: .14rem;
    background-color: rgb(255, 255, 255)
}

.note1 {
    position: fixed!important;
    top: 50%!important;
    left: 1rem;
    padding: 0 .5rem;
    font-size: .28rem;
    color: rgb(51,51,51);
    width: 60%;
    height: auto;
    border-radius: .5rem;
    background-color: white;
    z-index: 999;
    box-shadow: 0 0 0.3rem 0.1rem lightgrey;
    text-align: left;
    margin-top:-1.5rem!important;
}
.note1 div:nth-child(1){
    padding: .4rem 0;
    border-bottom: .01rem solid lightgray;
}
.note1 div:nth-child(2){
    text-align: center;
    padding: .2rem 0;
    color: rgb(34, 131, 266);
}

.question {
    width: .34rem;
    height: .34rem;
    position: absolute;
    right: .51rem;
    ;
}

.rate_run {
    position: absolute;
    margin-top: -.75rem;
}
#rate3{
    margin:0 auto;
}
/* #rate3 .rate_run {
    position: absolute;
    margin-top: -.9rem;
} */